@CHARSET "UTF-8";

body{
	position:relative;
	margin:1px;
}

.bookmark, .placeholder{
	float: left;
	margin: 5px;
	margin-bottom:2px;
	margin-right: 0;
	padding: 0px !important;
	border:2px solid rgb(48, 24, 24);
	border-radius: 13px;
	width: 128px !important;
	height:128px !important;
	text-align: center;
	box-shadow: -1px 2px 25px 2px #888;
}

.placeholder.noitems {
	border:2px solid rgba(48, 24, 24, 0.4);
}

.quarter{
	margin:auto;
	width:550px;
}

.quarter.panel{
	width:24px;
	position:fixed;
	z-index: 999;
	left:5px;
}

.quarter.panel .item{
	width:24px;
	background-color : orange;
	border-radius : 0px 15px 15px 0px;
	margin-bottom:2px;
}

.rotate{
	position:relative;
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.slide{
	position:relative;
}

#original_items, #cloned_items {
    list-style: none;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
	z-index: 999;
}

#nav li{
	margin: 0 0 15px 0;	
}

#nav li a {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #888;
	border: solid 2px white;
}

#nav li a.current {
	background-color: orange;
}